<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Dashboard Template for Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link th:href="@{/css/dashboard.css}" rel="stylesheet">

    <link th:href="@{/css/fileinput.css}" media="all" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" crossorigin="anonymous">
    <link th:href="@{themes/explorer-fas/theme.css}" media="all" rel="stylesheet" type="text/css"/>

</head>

<body>
<div th:replace="~{commons/commons::topbar}"></div>

<div class="container-fluid">
    <div class="row">
        <div th:insert="~{commons/commons::sidebar}"></div>

        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
            <div class="container my-4">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">修改文件</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
                <form role="form" class="form-group" th:action="@{/rename}" method="post">
                    <label class="col-sm-2 control-label">重命名</label>
                    <input type="hidden" name="Fid" id="id">
                    <input type="text" class="form-control" name="filename" placeholder="请输入名称">
                    <label>选择列表</label>
                    <select class="form-control" name="folder">
                        <option th:value="${foler.getId()}" th:text="${foler.getFolderName()()}"></option>
                    </select>
                    <button type="submit" class="btn btn-default">提交</button>
                </form>
            </div>
        </main>
    </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" th:src="@{/js/jquery-3.2.1.slim.min.js}"></script>
<script type="text/javascript" th:src="@{/js/popper.min.js}"></script>
<!--<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>-->
<!--<script src="http://lib.sinaapp.com/js/jquery/3.1.0/jquery-3.1.0.min.js" crossorigin="anonymous"></script>-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script th:src="@{/js/plugins/piexif.js}" type="text/javascript"></script>
<script th:src="@{/js/plugins/sortable.js}" type="text/javascript"></script>
<script th:src="@{/js/fileinput.js}" type="text/javascript"></script>
<script th:src="@{/js/locales/zh.js}" type="text/javascript"></script>
<script th:src="@{/themes/fas/theme.js}" type="text/javascript"></script>
<script th:src="@{/themes/explorer-fas/theme.js}" type="text/javascript"></script>


<script>
    $('#file-zh').fileinput({
        theme: 'fas',
        language: 'zh',
        uploadUrl: '#'
    });
</script>



</body>

</html>